<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<div id="content" class="span10">
	<!-- content starts -->

	<div>
		<ul class="breadcrumb">
			<li><a href="#">Home</a> <span class="divider">/</span></li>
			<li><a href="#">Leads</a> <span class="divider">/</span></li>
			<li><a href="#">View Appointment</a></li>
		</ul>
	</div>

	<div class="row-fluid sortable">
		<div class="box span12">
			<div class="box-header well" data-original-title>
				<h2>
					<fmt:message key="form.viewappointment.title" />
				</h2>
				<div class="box-icon">
					<a href="#" class="btn btn-minimize btn-round"><i
						class="icon-chevron-up"></i></a>
				</div>
			</div>
			<div class="box-content">
				<div id="formsContent" class="form-horizontal">
					<!-- Form container -->
					<div class="row-fluid">
						<div class="span12">
							<fieldset>
								<legend>
									<fmt:message key="form.appointment.appointmentInformation" />
								</legend>${salesMan.id}
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.salesMan" /> <span
												style="color: red;">*</span></label>
											<div class="controls">
												<span>${appointmentDTO.salesMan.fName}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.contactedPerson" /> <span
												style="color: red;">*</span></label>
											<div class="controls">
												<span>${appointmentDTO.contactedPerson.fName}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.date" /><span style="color: red;">*</span>
											</label>
											<div class="controls">
												<span>${appointmentDTO.date}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.day" /> <span style="color: red;">*</span></label>
											<div class="controls">
												<span>${appointmentDTO.day}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.startingTime" /><span
												style="color: red;">*</span> </label>
											<div class="controls">
												<span>${appointmentDTO.startTime}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.endingTime" /><span
												style="color: red;">*</span></label>
											<div class="controls">
												<span>${appointmentDTO.endTime}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.comment" /></label>
											<div class="controls">
												<span>${appointmentDTO.comment}</span>
											</div>
										</div>
									</div>
								</div>
							</fieldset>
							<fieldset>
								<legend>
									<fmt:message key="form.appointment.meetingInformation" />
								</legend>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.confirmationDateExpected" /> </label>
											<div class="controls">
												<span>${appointmentDTO.confirmationDateExpected}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.discountDone" /> </label>
											<div class="controls">
												<span>${appointmentDTO.discountDone}</span>
											</div>
										</div>
									</div>
								</div>

								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.meetingdone" /> </label>
											<div class="controls">
												<span>${appointmentDTO.meetingDone}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.competitorOffer" /> </label>
											<div class="controls">
												<span>${appointmentDTO.compatitorOffer}</span>
											</div>
										</div>
									</div>
								</div>

								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.demoDone" /> </label>
											<div class="controls">
												<span>${appointmentDTO.demoDone}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.dealClosingDone" /> </label>
											<div class="controls">
												<span>${appointmentDTO.dealClosingDone}</span>
											</div>
										</div>
									</div>
								</div>

								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.offerSubmitted" /> </label>
											<div class="controls">
												<span>${appointmentDTO.offerSubmitted}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.replyPeriod" /> </label>
											<div class="controls">
												<span>${appointmentDTO.replyPeriod}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.customeNeed" /></label>
											<div class="controls">
												<span>${appointmentDTO.customerNeed}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span12 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.dealClosingReason" /></label>
											<div class="controls">
												<span>${appointmentDTO.dealClosingReason}</span>
											</div>
										</div>
									</div>
								</div>
							</fieldset>
							<fieldset>
								<legend>
									<fmt:message key="form.appointment.nextFollowUpInformation" />
								</legend>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.nextFollowUp" /> </label>
											<div class="controls">
												<span>${appointmentDTO.nextFollowUp}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input" class="required"><fmt:message
													key="form.appointment.nextFollowUpDate" /> </label>
											<div class="controls">
												<span>${appointmentDTO.followUpDate}</span>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.nextFollowUpType" /></label>
											<div class="controls">
												<span>${appointmentDTO.followUpType}</span>
											</div>
										</div>
									</div>
									<div class="span6 bgcolor">
										<div class="control-group">
											<label class="control-label" for="input"><fmt:message
													key="form.appointment.nextFollowUpDetails" /></label>
											<div class="controls">
												<span>${appointmentDTO.followUpDetails}</span>
											</div>
										</div>
									</div>
								</div>
							</fieldset>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/span-->

	</div>
	<!--/row-->
	<!-- content ends -->
</div>
<!--/#content.span10-->
<hr />